*{
  padding: 0;
  margin: 0;	
}
a{
color: #fff;	
}
.xzk{
	width: 100%;
}
.top img{
	width: 100%;
	border: none;
  vertical-align: middle;
}

.flex-container {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-top: 15%;
}
.flex-container2 {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-top: 7%;
}.flex-container3 {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-top: 7%;
}
.flex-container4 {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-top: 7%;
}
.flex-container5 {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-top: 6%;
}
.flex-item {
    background-image: url(../img/inp.png);
    background-size: cover;
    -moz-background-size: cover;
    background-repeat-y: inherit;
    width: 30%;
    height: 10vw;
	margin-left:13%;
	text-align: center;
	line-height: 10vw;
	color: #fff;
}

.xk1-inp{
	width: 70%;
	margin-left: 15%;
	height: 40vw;
	background: red;
	position: absolute;
	top: 40%;
	border-radius: 15px;
	background-color: rgba(147,195,235,.8);
	display: none;
}
.xk1-inp h3{
	text-align: center;
	margin-top: 10%;
	color: #fff;
	font-weight: bold;
}
.flex-item1 {
        background-color: cornflowerblue;
    width: 27%;
    height: 8vw;
    margin-left: 5%;
    text-align: center;
    line-height: 8vw;
    border-radius: 30px;
    color: #fff;
}
.xk1-close{
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 33px;
	margin-top:3%;
}
.list2-top{
width: 100%;
height: 35vw;
background: orange;	
}
.list-nr{
	width: 100%;
}
